<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>for循环语法结构与执行过程</title>
		<script>
			//  for循环是js中最重要且最常用的循环
			// for循环的语法结构
			/* 
			for (初始化变量;条件表达式;操作表达式){
				循环体
			} 
			
			初始化变量是什么？  var i = 1  ,
			相当于Python中while循环开始代码的上边我们初始化的那个变量
			 条件表达式是什么？  就是用来判断这个循环是否继续执行的条件 i<=10
			 就是相当于Python中while循环后边写的那个表达式
			 操作表达式是什么？ 操作表达式就是用来操作初始化变量所变换的方向的 i++
			 
			 
			 */
			
			for(var i = 1; i<=10; i++){
				console.log(i);
			}
			
			/* 
			第一轮：
			 var i = 1 在for循环中只执行一次
			 然后执行 i<=10这个条件判断，来判断我们的循环是否执行
			 然后执行循环体 console.log(i);  1
			 接下来执行i++ 来控制我们i这个变量的变换方向 i的值由1变成了2
			 第二轮： 
			 首先执行 i<=10 这个判断条件，此时的i的值是2了
			 然后执行循环体 console.log(i);  2
			 接下来执行i++ 来控制我们i这个变量的变换方向 i的值由2变成了3
			 第三轮：
			 首先执行 i<=10 这个判断条件，此时的i的值是3了
			 然后执行循环体 console.log(i);  3
			 接下来执行i++ 来控制我们i这个变量的变换方向 i的值由3变成了4
			 ........
			 
			 直到i的值变成了11，这个时候再进行i<=10 这个判断条件,
			 这个条件就判断失败了，那么循环体就不执行了
			 也就意味着循环结束了
			 
			 
			 for(var i = 1; i<=10; i++){
			 	console.log(i);
			 }
			 
			 类比Python中的while循环
			 i = 1
			 while i <= 10:
				print(i)
				i += 1
			 */
			
		</script>
	</head>
	<body>
	</body>
</html>